function ShowMessage() {
    var scrollPage = 0;
    Slip(document.getElementById('container'), 'y').webapp().end(function() {
        scrollPage = this.page;
    })
document.getElementById('container').addEventListener('touchend',chengswitch)
    function chengswitch() {
        switch (scrollPage) {
            case 0:
                removetwo()
                one();
                break;
            case 1:
                removeone()
                removethree()
                two()
                break;
            case 2:
                removetwo()
                removefour()
                three()
                break;
            case 3:
            removethree()
            removepage_5()
            four()
                break;
            case 4:
            removefour()
            page_5()
                break;
        };
    }
    one();
    function one() {
        document.querySelector('.jbxx').id = 'jbxx';
        document.querySelector('.geyan').id = 'geyan';
        document.querySelector('.liUser').id = 'liUser';
    }

    function removeone() {
        document.querySelector('.jbxx').id = '';
        document.querySelector('.geyan').id = '';
        document.querySelector('.liUser').id = '';
    }

    function two() {
        document.querySelector('.border_left').id = 'border_left';
        document.querySelector('.border_right').id = 'border_right';
        document.querySelector('.border_top').id = 'border_top';
        document.querySelector('.border_bottom').id = 'border_bottom';
        document.querySelector('.header').id = 'header';
    }

    function removetwo() {
        document.querySelector('.border_left').id = '';
        document.querySelector('.border_right').id = '';
        document.querySelector('.border_top').id = '';
        document.querySelector('.border_bottom').id = '';
        document.querySelector('.header').id = '';
        document.querySelector('.Telephone').id = '';
    }

    function three(){
        document.querySelector('.page-3').id = 'page-3';
    }
    function removethree(){
         document.querySelector('.page-3').id = '';
    }
    function four(){
        document.querySelector('.page-4').id = 'page-4';
    }
     function removefour(){
         document.querySelector('.page-4').id = '';
    }
function page_5(){
    document.querySelector('.page-5').id = 'page-5';
}
function removepage_5(){
    document.querySelector('.page-5').id = '';
}
    var Telephoneclass=document.querySelector('.Telephone');
    var Telephonelist=Telephoneclass.querySelectorAll('li');
    Telephoneclass.addEventListener('click',function() {
        Telephoneclass.id = 'Telephone';
        setTimeout(function(){
        Telephonelist[0].innerHTML='<a href="tel:13229899946">13229899946</a>';
        Telephonelist[1].innerHTML='<a href="mailto:feqiqi@126" >feqiqi@126</a>';
        Telephonelist[2].innerHTML='<a href="mqqwpa://imat?chat_type=wpa&uin=312824668&version=1&src_type=web&web_src=oicqzone.com">312824668</a>';
        }, 800)
       
    });
}
window.onload = function() {
    ShowMessage();
}